<!-- div挡住了p，但不会挡住p中的文字，形成“字围”效果。
总结：标准流中的文字不会被浮动的盒子遮挡住。（文字就像水一样）

关于浮动我们要强调一点，浮动这个东西，为避免混乱，我们在初期一定要遵循一个原则：永远不是一个东西单独浮动，浮动都是一起浮动，要浮动，大家都浮动。
-->

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>

	<style type="text/css">
      div{
         float: left;
      }
      p{
            background-color: pink;
      }
	</style>

 </head>

 <body>
	  <div>
            <img src="img/1.jpg" width="300px" height="300px" alt="图片">
        </div>
        <p>tuanzhang-shdshdsjdhsjdkhajhfdksjhfjsdhfksdhfksdhfksjhdfkjshdfkjshdfkjshdfjksdfhkasdfhjksadf
            shdshdsjdhsjdkhajhfdksjhfjsdhfksdhfksdhfksjhdfkjshdfkjshdfkjshdfjksdfhkasdfhjksadf
            shdshdsjdhsjdkhajhfdksjhfjsdhfksdhfksdhfksjhdfkjshdfkjshdfkjshdfjksdfhkasdfhjksadf
            shdshdsjdhsjdkhajhfdksjhfjsdhfksdhfksdhfksjhdfkjshdfkjshdfkjshdfjksdfhkasdfhjksadf
            shdshdsjdhsjdkhajhfdksjhfjsdhfksdhfksdhfksjhdfkjshdfkjshdfkjshdfjksdfhkasdfhjksadf
            shdshdsjdhsjdkhajhfdksjhfjsdhfksdhfksdhfksjhdfkjshdfkjshdfkjshdfjksdfhkasdfhjksadf
            shdshdsjdhsjdkhajhfdksjhfjsdhfksdhfksdhfksjhdfkjshdfkjshdfkjshdfjksdfhkasdfhjksadf
            shdshdsjdhsjdkhajhfdksjhfjsdhfksdhfksdhfksjhdfkjshdfkjshdfkjshdfjksdfhkasdfhjksadf
            shdshdsjdhsjdkhajhfdksjhfjsdhfksdhfksdhfksjhdfkjshdfkjshdfkjshdfjksdfhkasdfhjksadf
            shdshdsjdhsjdkhajhfdksjhfjsdhfksdhfksdhfksjhdfkjshdfkjshdfkjshdfjksdfhkasdfhjksadf
            shdshdsjdhsjdkhajhfdksjhfjsdhfksdhfksdhfksjhdfkjshdfkjshdfkjshdfjksdfhkasdfhjksadf
            shdshdsjdhsjdkhajhfdksjhfjsdhfksdhfksdhfksjhdfkjshdfkjshdfkjshdfjksdfhkasdfhjksadf
            shdshdsjdhsjdkhajhfdksjhfjsdhfksdhfksdhfksjhdfkjshdfkjshdfkjshdfjksdfhkasdfhjksadf
            shdshdsjdhsjdkhajhfdksjhfjsdhfksdhfksdhfksjhdfkjshdfkjshdfkjshdfjksdfhkasdfhjksadf
        </p>
 </body>

</html>